<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>鸡年大吉</title>
	<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="description" content="fullPage:For desktop(ie5.5+) or mobile webApp without jQuery,create full screen pages fast and simple.">
	<meta name="keywords" content="fullPage,webApp,full screen">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<link rel="stylesheet" type="text/css" href="css/animate.css">
</head>
<!--[if lte IE 7]>
<body scroll="no">
<![endif]-->
<!--[if gt IE 7]><!-->

<body>
	<!--<![endif]-->

	<div id="article">
		<div class="page section1 current">
			<div class="contain">
				<img class="animated bounceInDown" src="images/zhouchu/jiniandaji.png" style="margin-top:30px;" />
				<img class="animated zoomIn anmationDelay5" src="images/zhouchu/yword.png" style="margin-top:15px;height:60px;" />
        <div class="animated zoomIn anmationDelay10"  style="text-align:center;position:absolute;bottom:15rem;width:70%;left:15%;color:#fff;font-size:1.5rem;font-family:FangSong"><span id="name"></span>祝您新年大吉!</div>
				<img class="animated zoomIn anmationDelay15" src="images/zhouchu/family.png" style="position:absolute;bottom:4rem;left:10%;height:10rem" />
			</div>
		</div>

		<div class="page section2">
			<div class="contain">
				<img class="animated bounceInDown" src="images/jimu/ji.png" style="margin-top:30px;" />
				<img class="animated zoomIn anmationDelay5" src="images/jimu/jimuword.png" style="margin-top:30px" />
			</div>
		</div>
	</div>
	<img src="images/arrow.png" style="" id="array" class="resize">
	<div id="music" class="music">
		<!-- stopped -->
		<audio id="music-audio" style="display:none" onplay="this.currentTime=0" class="audio" loop>
			<source src="./newYear.mp3">
		</audio>
		<div class="control">
			<div class="control-after"></div>
		</div>
	</div>
  <script src="http://apps.bdimg.com/libs/zepto/1.1.4/zepto.min.js"></script>
	<script type="text/javascript" src="js/fullPage.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			runSection = new FullPage({
				id: 'article', // id of contain
				slideTime: 800, // time of slide
				effect: { // slide effect
					transform: {
						translate: 'Y', // 'X'|'Y'|'XY'|'none'
						scale: [0, 1], // [scalefrom, scaleto]
						rotate: [0, 45] // [rotatefrom, rotateto]
					},
					opacity: [0, 1] // [opacityfrom, opacityto]
				},
				mode: 'touch', // mode of fullpage
				easing: [0, .93, .39, .98],
				callback: function(index, thisPage) { // callback when pageChange

				}
			});

	    window.onload = function () {
	      var hash = location.hash.substring(1);
	      switch (hash) {
	        case 'hejiazhi':
	          hash = '何嘉智';
	          break;
	        case 'zhangqingxia':
	          hash = '章青霞';
	          break;
	        case 'fanheng':
	          hash = '范恒';
	          break;
	        case 'zhaolingfei':
	          hash = '赵玲飞';
	          break;
	        case 'zhangzhongbao':
	          hash = '张中宝';
	          break;
	        case 'wujiangnan':
	          hash = '吴江南';
	          break;
	        case 'zhangyiming':
	          hash = '张一鸣';
	          break;
	        case 'chenlingxia':
	          hash = '陈凌霞';
	          break;
	        case 'chenyaming':
	          hash = '陈亚明';
	          break;
	        default:
	          hash = '';
	      }
	      console.log(hash);
	      $('#name').html(hash);
	    }
	    var myAudio = document.getElementById('music-audio');
	    $('#music').click(function () {
				isTouchedMusic = false;
	      if(myAudio.paused) {
	        myAudio.play();
	        $(this).removeClass('stopped');
	      }else {
	        myAudio.pause();
	        $(this).addClass('stopped');
	      }
	    })
			// 初始化播放Audio;
			document.getElementById('music-audio').play();
			$(document).one('touchstart',function () {
				document.getElementById('music-audio').play();
			});
		})
	</script>

	<!--[if lte IE 6]>
	<script type="text/javascript" src="http://mat1.gtimg.com/cd/201108/app/DD_belatedPNG_0.0.8a.js" charset="utf-8"></script>
	<script type="text/javascript">
	DD_belatedPNG.fix("*");
	</script>
	<![endif]-->

</body>

</html>
